<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
    <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; style-src 'self' 'unsafe-inline' ;connect-src http://127.0.0.1:13333"> -->
    <link href="./html/css/index.css" rel="stylesheet">
    <title>视觉识别系统GUI</title>
    <link rel="stylesheet" href="./html/css/index.css">
    <script src="./html/jquery-3.5.1/jquery-3.5.1.min.js"></script>
    <script src="./html/js/http.js"></script>
    <script src="./config.js"></script>
  </head>
  <body>

    <div class="top">
      <button id="kongzhi">控制界面</button>
      <button id="openmp4">打开应用</button>
      <!-- <button>个人中心</button>
      <button id="qiehuan" nonce="your-nonce-value">切换</button> -->
      <button id="jiankong" nonce="your-nonce-value">监控界面</button>
      <button id="zhongxing" nonce="your-nonce-value">个人中心</button>
    </div>
    <div style="width: 100%;">
      <iframe id="shijue" src="./html/visual.html" width="100%" height="850px" frameborder="0"></iframe>
      <iframe id="ceshi" src="./html/ceshi.html" width="100%" height="850px" frameborder="0"></iframe>
      <iframe id="yonghu" src="./html/yonghu.html" width="100%" height="850px" frameborder="0"></iframe>
      <!-- <webview id="shijue" src="./public/html/visual.html" width="100%" height="850px" frameborder="0" />
      <webview id="ceshi" src="./public/html/ceshi.html" width="100%" height="850px" frameborder="0" />
      <webview id="yonghu" src="./public/html/yonghu.html" width="100%" height="850px" frameborder="0" /> -->
    </div>
    <script src="./html/js/renderer.js" ></script>


  </body>
</html>
